.z-excel-footer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 12px;
    align-items:flex-end;
    width: 100%;
    .z-excel-scroll-x-container {
        flex: 1;
        height: 12px;
        max-width: 100%;
        flex-shrink: 0;
        overflow: hidden;
        .z-excel-scroll-x {
            height: 12px;
            // position: absolute;
            // left: 0px;
            // bottom: 0px;
            // right: 0px;
            background-color: #faf8f8;
            border-radius: 6px;
            overflow-x: scroll;
            overflow-y: none;
            // scroll-behavior: smooth;
            .z-excel-scroll-inner {
                min-width: 1px;
                min-height: 1px;
            }
            &::-webkit-scrollbar { 
                /* 隐藏默认的滚动条 */
                -webkit-appearance: none;
            }
            &::-webkit-scrollbar:vertical { 
                /* 设置垂直滚动条宽度 */
                width: 12px;
                // position: relative;
                // right: 1px;
            }
            &::-webkit-scrollbar:horizontal { 
                /* 设置垂直滚动条宽度 */
                height: 12px;
                // position: relative;
                // right: 1px;
            }
            
            /* 这里不需要用到这个 */
            // &::-webkit-scrollbar:horizontal{
            //     /* 设置水平滚动条厚度 */
            //     height: 2px;
            // }
            &::-webkit-scrollbar-thumb { 
                /* 滚动条的其他样式定制，注意，这个一定也要定制，否则就是一个透明的滚动条 */
                border-radius: 8px; 
                border: 0px solid rgba(255,255,255,.4); 
                background-color: #b4b1b1;
                // position: relative;
                // right: 1px;
            }
        }
    }
    .z-excel-others {
        width: 360px;
        height: 24px;
        background-color: red;
        flex-shrink: 0;
        border-top-left-radius: 24px;
        background-color: #faf8f8;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        overflow: hidden;
        padding: 0px 12px;
        .z-excel-scale-content {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            flex: 1;
            .z-excel-scale-btn {
                height: 16px;
                width: 16px;
                // display: inline-flex;
                // align-items: center;
                // justify-content: center;
                // text-align: center;
                text-indent: 3px;
                line-height: 12px;
                background-color: #fff;
                color: #444338;
                border-radius: 50%;
                box-sizing: border-box;
                // border: 1px solid rgba(0, 0, 0, 0.7);
                box-shadow: inset 0px 0px 4px #444338;
                cursor: pointer;
            }
            .z-excel-scale-bar {
                flex: 1;
                margin: 0px 20px;
                height: 3px;
                background-color: #adadad;
                position: relative;
                .z-excel-scale-dot {
                    height: 16px;
                    width: 16px;
                    border-radius: 50%;
                    box-shadow: inset 0px 0px 6px #282823;
                    position: absolute;
                    background-color: #fff;
                    top: -7px;
                    left: -8px;
                    cursor: pointer;
                    &:hover {
                        box-shadow: inset 0px 0px 8px #282823;
                    }
                }
            }
            .z-excel-scale {
                padding: 0px 10px;
                font-size: 12px;
                color:rgba(0, 0, 0, 0.8)
            }
        }
    }
}
.z-excel-global-mask {
    position: fixed;
    display: none;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    z-index: 1000;
    // background-color: #282823;
}
